<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
	<ui:define name="content">
	
	    	<script type= "text/javascript">
	//<![CDATA[
	

//]]>
</script>
	
	
	
	
	<f:metadata>
     <f:event type="preRenderView" listener="#{legajoMB.check}" />
	</f:metadata>
	
	
	<!--  Inicio Dialogo Nuevo Documento -->
	<p:dialog header="Adjuntar nuevo Documentos" id="dialogDoc" modal="true" resizable="false" 
			widgetVar="dlgDocumento" hideEffect="puff" appendToBody="true" styleClass="panel-azul" width="550" height="300" >
		<p:panel  styleClass="panel-azul">
		<h:form id="frmNuevoLegajo">
		<p:growl id="msjLegajo" showDetail="true" autoUpdate="true"/>
		<h:panelGrid columns="2" cellpadding="3" cellspacing="4">
		<h:outputLabel value="Descripcion del documento" for="txtDesc"  />
		<h:inputText id="txtDesc" value="#{legajoMB.legajo.descripcion}"  required="true" onblur="value=value.toUpperCase()" requiredMessage="Ingrese la Descripci&oacute;n" style="width:200px"/>
		<h:outputLabel value="tipo del documento:"  for="cboDoc"/>
		<p:selectOneMenu id="cboDoc" value="#{legajoMB.legajo.idDocumento.idDocumento}" required="true"  requiredMessage="Elija el tipo documento">
		<f:selectItem itemValue="#{null}" itemLabel="-- Seleccione --" />
		<f:selectItems value="#{legajoMB.tipoDocumentos}" var="sol" itemValue="#{sol.idDocumento}" itemLabel="#{sol.descripcion}" />
		</p:selectOneMenu>
		</h:panelGrid>
		<h:panelGrid id="detalleUpload"  columns="2" cellpadding="3" cellspacing="4">
		<h:outputLabel value="Archivo Adjunto:" /><h:outputText id="salida" value="#{legajoMB.file.fileName}" rendered="#{legajoMB.file!=null}" style="color:navy;font-size:12px"/>
		</h:panelGrid>
		
		<!--h:form enctype="multipart/form-data"-->
		<h:outputText value="(Tipos archivos permitidos: pdf,jpg  &nbsp;  &nbsp;  tama&ntilde;o m&aacute;ximo :5MB)" style="color:#04460D;font-size:11px;font-family:verdana"/>
		<p:fileUpload  id="uploadLegajo" fileUploadListener="#{legajoMB.handleFileUpload}" allowTypes="/(\.|\/)(pdf|jpe?g)$/" mode="advance" process="@this" sizeLimit="5000000"  style="min-height:100px" oncomplete="removeFileErrMessage();"
		invalidFileMessage="Tipo de archivo no permitido" cancelLabel="Cancelar" label="Elegir" uploadLabel="Adjuntar" update=":#{p:component('detalleUpload')},:#{p:component('btnRegistrar')} ">
		</p:fileUpload>
		<!--/h:form-->
		<h:panelGrid columns="4">
		<p:commandButton id="btnRegistrar" value="Registrar" action="#{legajoMB.actualizarLegajo}" update=":frmLstLegajo:dtLegajo,msjLegajo" disabled="#{legajoMB.file==null}" oncomplete="handleRequestDefault(xhr, status, args,dlgDocumento);"/>
		<p:commandButton value="Cancelar"  onclick="dlgDocumento.hide();" type="button"/>
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	
	</p:dialog>
	<!--  FIN Dialogo Nueva solicitud -->
	
	
	
	
	
	<p:panel header="Legajo Virtual del Colaborador" styleClass="panel-azul" style="width:950px;height:">
		<h:panelGrid columns="2" styleClass="layout-form">
		<h:panelGroup id="pnlSecciones" layout="block"  style="width:220px">
	<h:form>
		
		<ui:repeat var="seccion" value="#{legajoMB.secciones}" varStatus="var">
		<p:commandLink  styleClass="contSolapa"  update=":tituloSeccion,:frmLstLegajo:dtLegajo" onclick="updateStyleClass(#{var.index})"  >
		<h:outputText  styleClass="solapa#{legajoMB.seccionSelected.numero eq seccion.numero?' solapa_selected':''}" 
		 value="#{seccion.titulo}: &lt;br/&gt; #{seccion.descripcion}" escape="false;"/>	
		<f:setPropertyActionListener target="#{legajoMB.seccionSelected}" value="#{seccion}" />
	 </p:commandLink>
	</ui:repeat>
	</h:form>	
		</h:panelGroup>
		<p:outputPanel id="legajoDetalle" layout="block" style="width:600px">
		<h:outputLabel id="tituloSeccion"  value="LEGAJO VIRTUAL - #{legajoMB.seccionSelected.titulo}: #{legajoMB.seccionSelected.descripcion}"  styleClass="titulo_legajo"/>
		<h:panelGrid >
			<h:panelGroup layout="block" style="border:solid 1px #6c6763; border-radius:3px;width:600px" >
			<h:panelGrid columns="2" styleClass="panelGrid_cgr" >
			<h:panelGrid columns="2" width="480"> 
			<h:outputLabel value="Nombre Completo:" styleClass="etiqueta" />
			<h:outputText value="#{legajoMB.colaborador.idPersona.nombreCompleto}" />
			<h:outputLabel value="Gerencia - Unidad Organica:" styleClass="etiqueta"/>
			<h:outputText value="#{legajoMB.gerencia}" />
			<h:outputLabel value="Puesto:" styleClass="etiqueta"/><h:outputText value="#{legajoMB.puesto}" />
			<h:outputLabel value="Ingreso:" styleClass="etiqueta"/><h:outputText value="#{legajoMB.fechaIngreso}" />
			</h:panelGrid> 
			<p:graphicImage value="#{imageMB.image}" style="border:solid 1px silver;width:90px;height:100px">
			<f:param name="foto" value="#{legajoMB.colaborador.foto}" />
			</p:graphicImage>						
			
			</h:panelGrid>	
				
			</h:panelGroup>
			
			
			<h:panelGrid columns="3" cellspacing="4" width="600px">
			<p:commandButton  value="Volver"  action="legajoVirtual" immediate="true" icon="ui-icon-arrow-1-w"/>
			<h:panelGroup layout="block" style="text-align:center;width:350px">
			<ui:include src="/resources/includes/ajaxStatus.xhtml" />
			</h:panelGroup>
				
			<p:commandButton  value="Adjuntar Nuevo" action="#{legajoMB.nuevoLegajo}" oncomplete="dlgDocumento.show();" style="width:150px;" update="frmNuevoLegajo"/>
			</h:panelGrid>
			
			<h:form  id="frmLstLegajo">
			<p:growl id="msjLstLegajo"  showDetail="true"/>
			<p:dataTable id="dtLegajo"  style="width:600px;" value="#{legajoMB.legajos}" var="leg" rowIndexVar="idx"  selection="#{legajoMB.legajoSelected}" editable="true" rowKey="#{leg}" selectionMode="single"
			emptyMessage="No hay registros" paginator="true" paginatorPosition="bottom" paginatorAlwaysVisible="false" rows="8">
			<f:facet name="header">Relacion de Documentos </f:facet>
			<p:ajax event="rowEdit" listener="#{legajoMB.rowEditListener}" update=":frmLstLegajo:msjLstLegajo" /> 
			<p:column headerText="Item" style="width:30px">#{idx+1}</p:column>
			<p:column headerText="Tipo" style="width:70px">#{leg.idDocumento.descripcion}</p:column>
			<p:column headerText="Descripcion" style="width:150px">
			<p:cellEditor >
				<f:facet name="output">
				<h:outputLabel value="#{leg.descripcion}" style="display:block;width:150px"/>	
				</f:facet>
			<f:facet name="input">
				<h:inputText	value="#{leg.descripcion}" label="Descripcion" onblur="value=value.toUpperCase()" style="width:140px"/>
				</f:facet>
			</p:cellEditor>
			</p:column>
			<p:column headerText="Nombre Archivo"><h:outputLabel value="#{leg.archivo}" id="nameFile"/>
			<!--p:commandLink action="#{legajoMB.cargarMotivo(leg.idSolicitud)}" id="infoMotivo" immediate="true" global="false" styleClass="legajoSolInfo" rendered="#{leg.idSolicitud!=null}">
			<h:outputLabel value="" />
			</p:commandLink>
			<p:overlayPanel dynamic="true" for="infoMotivo" appendToBody="true"  rendered="#{leg.idSolicitud!=null}" >
			<h:outputLabel value="#{legajoMB.motivoSolicitado}" />
			</p:overlayPanel-->
			
			</p:column>
			<p:column headerText="Verificado" style="width:70px" >
			<p:cellEditor>
				<f:facet name="output">
					#{leg.revisado}
				</f:facet>
			<f:facet name="input">
				  <h:selectBooleanCheckbox value="#{leg.checked}" label="Verificado"/>
				</f:facet>
			</p:cellEditor>
			
			</p:column>
			<p:column headerText="Ver" style="width:50px"> 
			 <h:outputLink  value="#{facesContext.externalContext.requestContextPath}/LegajoManagerServlet" target="visorFrame"   onclick="mostrarVisor('#{leg.descripcion}')"  > 
   			 <f:param  name="legajo" value="#{leg.idLegajo}"/> 
   			 <span class="ui-icon ui-icon-search" title="Ver"></span>
   			
      		</h:outputLink> 
      		 
    		</p:column>
			<p:column headerText="Edit." style="width:150px">
			<p:rowEditor />
			</p:column >
			<p:column headerText="Elim." style="width:50px">
			<p:commandLink oncomplete="#{leg.idSolicitud==null?'confirmDelete.show();':'confirmDelete2.show();'}"  type="button" immediate="true">  
   			 <span class="ui-icon ui-icon-trash" title="Eliminar"></span> 
   			 </p:commandLink> 
			</p:column>
			</p:dataTable>
			
			<p:dialog id="dlgVisor" width="500" height="620" widgetVar="visorWidget" modal="true" resizable="false" > 
			<f:facet name="header">
			<h:outputLabel id="lblTituloVisor" value="."/>
			</f:facet>
				<iframe name="visorFrame" width="98%" height="98%">
				</iframe>
			 </p:dialog>
			 
		
			 
			 
	<p:confirmDialog id="confirmDialog" message="Desea eliminar el item seleccionado?" header="Confirmar Eliminacion" severity="alert" widgetVar="confirmDelete" modal="true">
	<h:panelGrid columns="1" rendered="#{legajoMB.legajoSelected.idSolicitud!=null}">
	<h:outputLabel value="Ingrese el motivo de rechazo"/>
	<h:inputText value="" />
	</h:panelGrid><br/>
	<p:commandButton value="Aceptar" actionListener="#{legajoMB.eliminarLegajo}" 
		update=":frmLstLegajo" oncomplete="confirmDelete.hide();" />
	<p:commandButton value="Cancelar" onclick="confirmDelete.hide();" type="button" />
	</p:confirmDialog>
			 
			 
	
	<!--p:remoteCommand name="loadTooltip"
        action="#{bean.loadTooltipContent}" update="tooltip-content-wrapper" /-->
	
	 </h:form>
	 <p:dialog id="confirmDialog2" height="180" width="320" header="Confirmar Eliminacion"  widgetVar="confirmDelete2" modal="true" resizable="false">
	<h:form id="frmEliminar">
	<h:panelGrid columns="1" >
	<p:outputLabel value="El legajo que intenta eliminar proviene de una solicitud realizada por el colaborador, debe especificar el motivo de su rechazo" />
	<p:outputLabel value="Motivo de rechazo:" for="txtMotivoRechazo" />
	<h:inputTextarea id="txtMotivoRechazo" value="#{legajoMB.motivoRechazo}" cols="50" rows="3" required="true" requiredMessage="Ingrese el motivo del rechazo" onblur="value=value.toUpperCase()"/>
	</h:panelGrid><br/>
	<p:commandButton value="Aceptar" actionListener="#{legajoMB.eliminarLegajo}" 
		update=":frmLstLegajo"  partialSubmit="true" process="frmEliminar :frmLstLegajo" oncomplete="handleRequestDefault(xhr, status, args,confirmDelete2);"/>
	<p:commandButton value="Cancelar" onclick="confirmDelete2.hide();" type="button" />
	</h:form>
	</p:dialog>
		</h:panelGrid>
		</p:outputPanel>
		</h:panelGrid>
		
		

	
	
	</p:panel>
	
	<script type= "text/javascript">
	//<![CDATA[
	
function removeFileErrMessage(){
var el=  document.getElementsByClassName("template-upload ui-state-error");
 if(el.length>0)
   $(el[0]).remove();
}

function updateStyleClass(index) {
	$(".solapa").removeClass("solapa_selected");
	$(".solapa").each(function(idx){
			if(idx==index){
				$(this).addClass("solapa_selected");
				
				}
		});
}

function abrirConfirmacion2(){
	var el=document.getElementById("frmLstLegajo:txtMotivoRechazo");
	//alert(el);
	confirmDelete2.show();
	$(el).val("");
}

function mostrarVisor(titulo){
	var el=document.getElementById("frmLstLegajo:lblTituloVisor");
$(el).html(titulo);
visorWidget.show();

}


//]]>
</script>
	
	</ui:define>
	
</ui:composition>

</html>